<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加</title>
    <link rel="stylesheet" href="../../../static/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../static/css/admin.css" media="all">
    <style>
        .layui-form-label{
            width: 90px;
            text-align: left;
        }
        .layui-table {
            border-collapse: collapse;
            width: 950px;
            justify-content: center; /* 将内容水平居中 */
            align-items: center; /* 将内容垂直居中 */
            align-content: center;
        }
        table, th, td {
            border: 1px solid black;
        }
        th, td {
            text-align: center;
        }
    </style>
</head>
<body  class="pear-container">
    <div class="layui-form "  lay-filter="layuiadmin-form-useradmin" id="layuiadmin-form-useradmin" style="padding: 20px 0 0 0;">
        <div class="layui-form-item">
            <label class="layui-form-label">薪酬标准编号:</label>
            <div class="layui-input-inline st">
                <input type="text" name="sal_standard_code" lay-verify="required" placeholder="请输入薪酬标准编号" autocomplete="off" class="layui-input" >
            </div>
            <label class="layui-form-label">薪酬标准名称:</label>
            <div class="layui-input-inline st">
                <input type="text" name="sal_standard_name" lay-verify="required" placeholder="请输入薪酬标准名称" autocomplete="off" class="layui-input" >
            </div>
            <label class="layui-form-label">薪酬总额:</label>
            <div class="layui-input-inline st">
                <input type="text" name="total" lay-verify="required" autocomplete="off" class="layui-input" >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">制定人:</label>
            <div class="layui-input-inline st">
                <input type="text" name="setter" lay-verify="required" placeholder="请输入制定人" autocomplete="off" class="layui-input" >
            </div>
            <label class="layui-form-label">登记人:</label>
            <div class="layui-input-inline st">
                <input type="text" name="registrant" lay-verify="required" autocomplete="off" class="layui-input" >
            </div>
            <label class="layui-form-label">登记时间:</label>
            <div class="layui-input-inline">
                <input type="text" name="register_time" id="register_time" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div  class="layui-form-item">
            <div class="layui-card-body">
                <div class="layui-tab layui-tab-card">
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <table class="layui-table">
                                <tr>
                                    <th>序号</th>
                                    <th>薪酬项目名称</th>
                                    <th>金额</th>
                                </tr>
                                <tr>
                                    <td>1</td>
                                    <td>基本薪资</td>
                                    <td><input type="text" name="basic_salary" lay-verify="required" autocomplete="off" class="layui-input"></td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>绩效奖金</td>
                                    <td><input type="text" name="performance" lay-verify="required" autocomplete="off" class="layui-input" ></td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>交通补助</td>
                                    <td><input type="text" name="transportation" lay-verify="required" autocomplete="off" class="layui-input" ></td>
                                </tr>
                                <tr>
                                    <td>4</td>
                                    <td>通讯补助</td>
                                    <td><input type="text" name="communication" lay-verify="required" autocomplete="off" class="layui-input" ></td>
                                </tr>
                                <tr>
                                    <td>5</td>
                                    <td>餐补</td>
                                    <td><input type="text" name="meal_subsidy" lay-verify="required" autocomplete="off" class="layui-input"></td>
                                </tr>
                                <tr>
                                    <td>6</td>
                                    <td>住房补助</td>
                                    <td><input type="text" name="housing" lay-verify="required" autocomplete="off" class="layui-input" ></td>
                                </tr>
                                <tr>
                                    <td>7</td>
                                    <td>出差补助</td>
                                    <td><input type="text" name="business" lay-verify="required" autocomplete="off" class="layui-input" ></td>
                                </tr>
                                <tr>
                                    <td>8</td>
                                    <td>加班补助</td>
                                    <td><input type="text" name="overtime_subsidy" lay-verify="required" autocomplete="off" class="layui-input" ></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-hide">
            <input type="button" lay-submit lay-filter="LAY-user-front-submit" id="LAY-user-front-submit" value="保存">
        </div>
    </div>
    <script src="../../../static/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript">
        layui.use(['layer', 'table', 'form', 'element', 'util', 'laydate','index','layedit'], function () {
            var  form = layui.form
                , layer = layui.layer
                , table = layui.table
                , element = layui.element
                , util = layui.util
                , layedit = layui.layedit
                , laydate = layui.laydate;

            /*时间选择*/
            laydate.render({
                elem: '#register_time'
            });

        });
    </script>
</body>
</html>